<template>
	<div>
		<div class="swiper-size">
			<swiper :options="swiperOption">
			    <swiper-slide v-for="(item,index) in 3" :key="index">
			    	<img  :src="swiperData[0]" alt="" class="mid">
			    </swiper-slide>
			    <div class="swiper-pagination"  slot="pagination"></div>
			</swiper>
		</div>
	</div>
</template>
<script>
	export default{
		name:'publicswiper',
		data(){
			return{
				swiperOption: {
		          	pagination: {
					    el: '.swiper-pagination',
					},
					loop:true,
					autoplay: {
					    delay: 3000,
					    stopOnLastSlide: false,
					    disableOnInteraction: true,
					}
		        }
			}
		},
		props:{
			swiperData:{
				type:Array,
				default:function(){
					return[
						require("../assets/images/logo.png")
					]
				}
			}
		}
	}
</script>
<style scoped lang="less">
	.swiper-size{
		img{
			width: 100%;
			height: 100%;
			float: left;	
		}
	}
	.nowToHome{
		text-align: center;
		width: 100%;
		height: 50/50rem;
		position: absolute;
		bottom: 10%;
		left: 0;
		a{
			color: #fff;
			font-size: 18/50rem;
			padding: 22/2/50rem 52/2/50rem;
			background-color: #f55;
			border-radius: 40/2/50rem;
		}
	}
</style>